.my-progress {
    width: 100%;
    display: inline-block;
    height: 10px;
    background-color: transparent;
    position: relative;
    &:after {
        content: "";
        display: block;
        clear: both;
    }
    .progress-bar {
        float: left;
        width: 5%;
        height: 100%;
        border-right: 1px solid #08282E;
        background-color: #073E43;
        &:last-of-type {
            margin-right: 0;
        }
        &.active {
            background-color: transparent;
        }
    }
    .my-progress-bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 10px;
        max-width: 100%;
        background-image: linear-gradient(to right, #00493c 0%, #229d88 50%, #44f0d4 100%);
        background-size: 100% 100%;
    }
}